<template>
	<view>
		<!-- 选择仓库片区 -->
		<u-picker :show="message.ckPianQuShow" :columns="columns" title="选择片区" @cancel="confirm" @confirm="confirm"
			keyName="name"></u-picker>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		name:"selectCKPianQu",
		props:{
			message:{}
		},
		data() {
			return {
				columns:[]
			};
		},
		mounted() {
			httpRequest.request('/dhtapi/user/staffArea', 'GET', {}, false, false, true).then(res => {
				this.columns.push(res.data)
			})
		},
		methods:{
			confirm(e){
				this.$emit("ckPianQuSure", e);
			}	
		}
		
	}
</script>

<style lang="scss" scoped>
	/deep/.u-popup__content{
		width: 100% !important;
	}
</style>